.phone-hide{
    display: none;
}

.phone-show{
    display: block;
}


// 推荐信息
.recommend{
    h3{
        font-size: 32px;
        text-align: center;
        padding: 50px;

        &::after{
            content: "";
            display: block;
            width: 40px;
            height: 3px;
            background-color: red;
            margin: 10px auto;
        }
        
    }
    .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        li{
            width: calc(50% - 7px);
        }
        li:first-child{
            width: 100%;
        }
        
        li{
            position: relative;
            overflow: hidden;
            margin-bottom: 14px;

            
            .txt{
                position: absolute;
                left: 0;
                bottom: -40px;
                padding-left: 20px;
                color: #fff;
                transition: 1s;

                h4{
                    font-size: 14px;
                }
                .btn{
                    line-height: 40px;
                }

                
            }
            // 鼠标选中li让txt悬浮
            &:hover .txt{
                    bottom: 0;
                }

            // 黑色透明遮罩
            a::before{
                content: "";
                width: 100%;
                height: 100%;
                display: block;
                background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                transition: 0.8s;
            }
            a:hover::before{
                opacity: 1;
            }
     }
    }
}
// 科学小课堂
.techclass{
    a.phone-hide{
        display: none;
    }
}


// 新闻模块
.news{
    h3{
        font-size: 32px;
        text-align: center;
        padding: 50px;
    }
    ul{
        display: flex;
        flex-wrap: wrap;

        li{
            width: 100%;
            margin-bottom: 17px;

            #third{
                overflow: hidden;
                padding: 20px;

                a{
                    font-size: 14px;
                }
            }
        }
    }

}

.butt{
    .butt-l{
        width: 150px;
    }
    .butt-r{
        width: 150px;
    }
}

// foot部分
// top
.footer{
    .foot-top{
        .foot-top-r{
            width: 100%;
            input{
                width: 100%;
                box-sizing: border-box;
            }
        }
    }

    .foot{
        flex-wrap: wrap;
        border-bottom: 0;
        dl{
            width: 100%;
        }
            dt{
                width: 100%;
                height: 40px;
                border-bottom:1px solid #ccc;
                display: flex;
                justify-content: space-between;
                }
                dd{
                    display: none;
                }
    }

    .foot-bottom{
        display: block;
        padding: 10px 0;
        text-align: center;
        height: 117px;
        line-height: 17px;
        border: 0;
        
        .bottom-l{
            padding: 15px 0;
        }
        .bottom-r{
            justify-content: center;
            padding: 10px 0;
        }
    }
}


.end{
    display: block;
    text-align: center;
    a{
        margin: 0 10px;
    }
}